@font-face {
 	font-family: 'Cardo', serif;
 	font-style: normal;
	subset: latin-ext;
 	src: local('Cardo-Regular.ttf'), local('Cardo-Regular'), ;
/*	url(http://fonts.googleapis.com/css?family=Cardo&subset=latin-ext), 
/*	src: url('cardo-regular-webfont.eot'); /* IE9 Compat Modes */
/* 	src: url('cardo-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
/* 	     url('cardo-regular-webfont.woff') format('woff'), /* Modern Browsers */
/* 	     url('cardo-regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
/* 	     url('cardo-regular-webfont.svg#cardo-regular-webfont') format('svg'); /* Legacy iOS */ 
 } 

html, body{
	background-color:#494f5f;
	font-family: 'Cardo', serif;
	color: #181e2d;
	margin: 0;
	padding: 0;
	}
	




	
input, textarea, select{font-family:inherit;}	

input {
 outline:none !important;
}



textarea:focus, input:focus{
	outline: 0; !important;
}

textarea:hover, input:hover{
    outline: 0; !important;
}

a img {border: none;}

input.zp_text, textarea.zp_text {
font-size:14px;
width: 220px;
}	

.autor_link:link, .autor_link:visited{
	color: #181e2d;
	text-decoration:none;
	font-weight:bold;
		word-wrap: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	
}

.autor_link2:link, .autor_link2:visited{
	color: #181e2d;
	text-decoration:none;

	text-align: left;
	
}

.spis_link:link, .spis_link:visited{
	color: #181e2d;
	font-weight:normal;
}

.skrot_link:link, .skrot_link:visited{
	color: #181e2d;
	text-decoration:none;
	font-style: italic;
	font-weight:normal;
}

#opis_calosc{
height: 350px;
width: 500px;
position: relative;
margin-bottom: 50px;
/*background-color: white;*/


}

#opis_grafika{
position: absolute;
top: -6px;
left: 0px;

}

#opis_rozwin{
position: absolute;
top: 25px;
left: 62px;
color:#c4c4c4;
cursor: pointer;
}

#opis_tekst{
position: absolute;
top: 30px;
left: 25px;
text-align: left;
font-style: italic;
width: 450px;
line-height:180%;
}

#treść{
	font-size:16px;
	width: 500px;
	text-align: justify;

	/* white-space: nowrap; */

	
	word-wrap: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	
}

.strona{
	font-size:16px;
	width: 450px;
	text-align: justify;
	line-height:180%;

	/* white-space: nowrap; */

	

	
}

.numer_strony{
text-align:right;
margin-right: 30px;
}

#kanwa{
width:1000px;
height:370px;
margin-top:10px;
background-image: url("Grafika/Kanwa/kanwa.png");
background-repeat: no-repeat;
background-size: 100%;
position: relative;
}

#napis_pioromani{
width:1000px;
height:370px;
position: absolute;
top:0px;
left:0px;
}

.niewidoczne_napisy{
width:1000px;
height:370px;
position: absolute;
top:0px;
left:0px;
display: none;
}

#ruchomy_tekst{
width:800px;
height:115px;
position: absolute;
bottom:60px;
left:100px;
font-size:28px;
}

#grafika_pioro{
width:625px;
height:101px;
position: absolute;
bottom:45px;
left:150px;
}

#grafika_kalamarz{
width:125px;
height:150px;
position: absolute;
top:100px;
right:100px;
}

#grafika_monokl{
width:133px;
height:142px;
position: absolute;
top:20px;
right:450px;
}

#logo{
width:1000px;
height:159px;
margin-top:10px;
}


#panel{
	width:1000px;
	height:50px;
	background-image: url("Grafika/Panel/panel_ciemny.png");
	background-repeat: no-repeat;
	background-size: 100%;
	font-size:14px;
	position: relative;
	
}

#panel a{
/*
		display: inline-block;
		float: left;
		
		padding-left:30px;

		background-color: black;
		height:50px;
		*/
		
		margin-top: 5px;
		display: inline-block;
}

#panel a:link, #panel a:visited{
	
	
	color:#f3eee9;
	text-decoration:none;
	
}


#index_a{
position: absolute;
left: 24px;
top: 12px;
height:30px;
width: 105px;



}

#jtd_a{
position: absolute;
left: 139px;
top: 12px;
height:30px;
width: 93px;

}

#pro_w_a{
position: absolute;
left: 242px;
top: 12px;
height:30px;
width: 54px;

}

#poe_w_a{
position: absolute;
left: 300px;
top: 12px;
height:30px;
width: 64px;

}

#pio_w_a{
position: absolute;
left: 306px;
top: 12px;
height:30px;
width: 85px;

}

#trzyka_a{
position: absolute;
left: 400px;
top: 12px;
height:30px;
width: 39px;

}

#por_p_a{
position: absolute;
left: 450px;
top: 12px;
height:30px;
width: 72px;

}

#pod_l_a{
position: absolute;
left: 532px;
top: 12px;
height:30px;
width: 72px;

}

#kon_a{
position: absolute;
left: 613px;
top: 12px;
height:30px;
width: 72px;

}

#kor_a{
position: absolute;
left: 695px;
top: 12px;
height:30px;
width: 72px;

}

#opr_a{
position: absolute;
left: 777px;
top: 12px;
height:30px;
width: 72px;

}

#sd_a{
position: absolute;
left: 855px;
top: 12px;
height:30px;
width: 125px;
}

.index_a{
background-image: url("Grafika/Przyciski panelu/przycisk_sg.png");
background-repeat: no-repeat;
background-size: 100%;

}

.jtd_a{
background-image: url("Grafika/Przyciski panelu/przycisk_jtd.png");
background-repeat: no-repeat;
background-size: 100%;

}

.poe_w_a{
background-image: url("Grafika/Przyciski panelu/przycisk_poe_w.png");
background-repeat: no-repeat;
background-size: 100%;

}

.pro_w_a{
background-image: url("Grafika/Przyciski panelu/przycisk_pro_w.png");
background-repeat: no-repeat;
background-size: 100%;

}

.pio_w_a{
background-image: url("Grafika/Przyciski panelu/przycisk_pio_w.png");
background-repeat: no-repeat;
background-size: 100%;

}

.trzyka_a{
background-image: url("Grafika/Przyciski panelu/przycisk_trzyka.png");
background-repeat: no-repeat;
background-size: 100%;

}

.kon_a, .pod_l_a, .opr_a{
background-image: url("Grafika/Przyciski panelu/przycisk_kon.png");
background-repeat: no-repeat;
background-size: 100%;

}

.kor_a, .por_p_a{
background-image: url("Grafika/Przyciski panelu/przycisk_kon.png");
background-repeat: no-repeat;
background-size: 100%;

}

.sd_a{
background-image: url("Grafika/Przyciski panelu/przycisk_sd.png");
background-repeat: no-repeat;
background-size: 100%;

}

#kartka{
	background-color:#d8cfc7;
	margin-left:1px;
	width:999px;
	display: inline-block;
	/* height:2500px;  
	overflow: hidden;*/
	
}

#lewy_margines{
	width:175px;
	/* height:2000px;  */
	clear:both;
	padding-top:0px;
	margin-top: 0px;
	float:left;
	
	/*display:inline-block; */
	
}
#wynik_obecnych{

	width:174px;
	position: relative;
	float:left;
	

	/*display:inline-block; */
	
}

.tumbleweed_rotate {
  -webkit-transform: translate(144px) rotate(360deg);  /* Chrome, Safari 3.1+ */
    -moz-transform: translate(144px) rotate(360deg);  /* Firefox 3.5-15 */
      -ms-transform: translate(144px) rotate(360deg);  /* IE 9 */
        -o-transform: translate(144px) rotate(360deg);  /* Opera 10.50-12.00 */
         transform: translate(144px) rotate(360deg);  /* Firefox 16+, IE 10+, Opera 12.50+ */
		 	 
}
.tumbleweed_transition {
  -webkit-transition: all 3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: all 3s ease-out;  /* Firefox 4-15 */
       -o-transition: all 3s ease-out;  /* Opera 10.50–12.00 */
          transition: all 3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
}

.lewy_p{

	width:174px;
	height:35px;
	background-image: url("Grafika/Przyciski/przycisk_lewy_1.png");
	background-repeat: no-repeat;
	background-size: 100%; 
	float:left;
	margin-top:20px;
	margin-bottom:0px;
	padding-bottom:0px;
	/*display:inline-block; */
	
}

.lewy_pn{
text-decoration:none;

display:inline-block;
color:white;
margin-top:8px;
margin-bottom:0px;
	padding-bottom:0px;
}

#drzwi{
	width:170px;
	height:344px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url("Grafika/Drzwi/drzwi13.png");
	float: left;
	/*display:inline-block; */
	margin-top:2px;
	padding-top:0px;

}

#drzwi_o{
	width:170px;
	height:344px;
	float: left;
	/*display:inline-block; */
	margin-top:2px;
	padding-top:0px;
outline:0 !important;
}

#pole_login{
margin-top:70px;

}

.samo_pole{
 outline:none !important;
width:62px;
text-align:center;
font-size:13px;
font-family: 'Cardo', serif;
	color: #181e2d;
}

.samo_pole:focus {
outline:0 !important;
}

.samo_pole:hover {
position: relative; /* te dwie opcje usadowily klamke w ie bez zamazania tla */
    overflow: visible;
	outline:0 !important;
}

.samo_pole:active {
position: relative; /* te dwie opcje usadowily klamke w ie bez zamazania tla */
    overflow: visible;
}



#pole_haslo{
margin-top:70px;
width:62px;
display: inline-block;
float: left;
margin-left:54px;
padding: none;
margin-right: none;
border:none;
}

.samo_haslo{
width:62px;
background-color:#4a4a4a;
color:gray;
text-align:center;
font-family: 'Cardo', serif;
font-size:14px;
padding: none;
margin: none;
border:none;
	
}

.samo_haslo:focus {
outline:0 !important;
}

.samo_haslo:hover {
position: relative; /* te dwie opcje usadowily klamke w ie bez zamazania tla */
    overflow: visible;
}

.samo_haslo:active {
position: relative; /* te dwie opcje usadowily klamke w ie bez zamazania tla */
    overflow: visible;
}

#przycisk_login {

background-color: transparent;
border: none;
padding: none;
margin: none;







}

.sam_przycisk {
width:25px;
height:35px;
background-image: url("Grafika/Drzwi/ciemna klamka.png");
background-repeat: no-repeat;
background-size: 100%;
color: transparent;
}

.sam_przycisk:focus {
outline:0 !important;
}

.sam_przycisk:hover {
width:25px;
height:35px;
background-image: url("Grafika/Drzwi/jasna klamka.png");
background-repeat: no-repeat;
background-size: 100%;
color: transparent;

position: relative; /* te dwie opcje usadowily klamke w ie bez zamazania tla */
    overflow: visible;



}

.sam_przycisk:active {
width:25px;
height:35px;
background-image: url("Grafika/Drzwi/jasna klamka2.png");
background-repeat: no-repeat;
background-size: 100%;
color: transparent;
background-position: 0px ;

position: relative; /* te dwie opcje usadowily klamke w ie bez zamazania tla */
    overflow: visible;

}

#div_login{
width:25px;
height:35px;
display: inline-block;
float: left;
margin-top: 71px;
margin-left: 3px;




}

.zaloz{

color:#181e2d;
}

.g-recaptcha{
margin-top: 20px;
margin-left: 100px;
color:#181e2d;
}


.proza{
text-decoration:none;
color:#181e2d;
}


#proza {
width: 170px;
float: left;
margin-top: 10px;

}


ul.proza_typy {
     list-style-type: none;
     margin: 0;
     padding: 0;
	 

	 
 } 


#środek{
	width:563px;
	/* height:2000px; */
	
	float:left;
	padding-top:55px;
	margin-left:1px;
	border-right: double 3px ; 
	border-left: double 3px ; 
	position: relative;
}

.maly_komentarz_proza{
position: absolute;
width: 16px;
height:16px;
top: 1px;
right: 1px;
}

.maly_komentarz_ilosc{
position: absolute;
top: 1px;
right: 17px;

}

.maly_komentarz_ilosc a:link, .maly_komentarz_ilosc a:visited{
color: #181e2d;
text-decoration:none;
}

#autor{

color:#181e2d;
font-size: 16px;
margin-top:40px;
}

h1 {
	
	font-family: 'Cardo', serif;
	font-weight: normal;
	font-size:36px;
	text-align:center;
	margin: 0;
	margin-bottom:70px;
	width: 500px;
	
	word-wrap: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
}

h2 {
	
	font-family: 'Cardo', serif;
	font-weight: normal;
	font-size:30px;
	text-align:center;
	margin: 0;
	width: 500px;
	

}

h3 {
	
	font-family: 'Cardo', serif;
	font-weight: normal;

	text-align:center;
	margin: 0;
	width: 500px;
	

}

.naglowek {
font-size: 20px;
border: double;
margin: 1em  0;
margin-right: 40px;
margin-left: 40px;
padding: 10px;
background-color: #d8cfc6;
display: inline-block;
}



.messagetwo {
border:2px solid;
font-weight: bold;
margin: 1em  0;
padding: 1em;
}

.zaloz_pracownie {
    overflow: auto; /* this "clears" the floated elements */
 } 
 
.zaloz_pracownie label {
	float:left;
	width:250px;
	text-align:left;
	margin-left:20px;
	display: inline-block;  
    position: relative;  

 } 
 .zaloz_pracownie .zp_pole {
   float: left;
    width: 150px;
	
 } 

 
 
 .zaloz_pracownie p {
padding:0px;
margin:0px;
overflow: auto;
display:inline-block; 
 float:left;
 position: relative; 
 color:red;
 width:400px;
 text-align:left;
 margin-left:20px;
 }
 
 #zatwierdz{
 float: right;
 margin-top: 20px;
 }
/* skrzynka */

#pusta_skrzynka{
	width:404px;
	height:404px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url("Grafika/Skrzynka/pigeonholes11.png");
	margin-bottom: 100px;
	position: relative;
}

#w1{
	width:76px;
	height:76px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo/wyroznienie1.png");
	position: absolute;
	top: 4px;
	left: 4px;
}

#w1:hover{
background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo rozjasnione/wyroznienie1.png");
cursor: grab;
}

#w2{
	width:76px;
	height:76px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo/wyroznienie2.png");
	position: absolute;
	top: 4px;
	left: 84px;
}

#w2:hover{
background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo rozjasnione/wyroznienie2.png");
cursor: grab;
}

#w3{
	width:76px;
	height:76px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo/wyroznienie3.png");
	position: absolute;
	top: 4px;
	left: 164px;
}

#w3:hover{
background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo rozjasnione/wyroznienie3.png");
cursor: grab;
}

#w4{
	width:76px;
	height:76px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo/wyroznienie4.png");
	position: absolute;
	top: 4px;
	left: 244px;
}

#w4:hover{
background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo rozjasnione/wyroznienie4.png");
cursor: grab;
}

#w5{
	width:76px;
	height:76px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo/wyroznienie5.png");
	position: absolute;
	top: 4px;
	left: 324px;
}

#w5:hover{
background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo rozjasnione/wyroznienie5.png");
cursor: grab;
}

#l1{
	width:76px;
	height:76px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo/list1.png");
	position: absolute;
	top: 84px;
	left: 4px;
}

#l1:hover{
background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo rozjasnione/list1.png");
cursor: grab;
}

#l2{
	width:76px;
	height:76px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo/list2.png");
	position: absolute;
	top: 84px;
	left: 84px;
}

#l2:hover{
background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo rozjasnione/list2.png");
cursor: grab;
}

#l3{
	width:76px;
	height:76px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo/list3.png");
	position: absolute;
	top: 84px;
	left: 164px;
}

#l3:hover{
background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo rozjasnione/list3.png");
cursor: grab;
}

#l4{
	width:76px;
	height:76px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo/list4.png");
	position: absolute;
	top: 84px;
	left: 244px;
}

#l4:hover{
background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo rozjasnione/list4.png");
cursor: grab;
}

#l5{
	width:76px;
	height:76px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo/list5.png");
	position: absolute;
	top: 84px;
	left: 324px;
}

#l5:hover{
background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo rozjasnione/list5.png");
cursor: grab;
}

#pu1{
	width:76px;
	height:76px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo/przydzielony utwor1.png");
	position: absolute;
	top: 164px;
	left: 4px;
}

#pu1:hover{
background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo rozjasnione/przydzielony utwor1.png");
cursor: grab;
}

#pu2{
	width:76px;
	height:76px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo/przydzielony utwor2.png");
	position: absolute;
	top: 164px;
	left: 84px;
}

#pu2:hover{
background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo rozjasnione/przydzielony utwor2.png");
cursor: grab;
}

#pu3{
	width:76px;
	height:76px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo/przydzielony utwor3.png");
	position: absolute;
	top: 164px;
	left: 164px;
}

#pu3:hover{
background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo rozjasnione/przydzielony utwor3.png");
cursor: grab;
}

#pu4{
	width:76px;
	height:76px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo/przydzielony utwor4.png");
	position: absolute;
	top: 164px;
	left: 244px;
}

#pu4:hover{
background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo rozjasnione/przydzielony utwor4.png");
cursor: grab;
}

#pu5{
	width:76px;
	height:76px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo/przydzielony utwor5.png");
	position: absolute;
	top: 164px;
	left: 324px;
}

#pu5:hover{
background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo rozjasnione/przydzielony utwor5.png");
cursor: grab;
}

#k1{
	width:76px;
	height:76px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo/komentarz1.png");
	position: absolute;
	top: 244px;
	left: 4px;
}

#k1:hover{
background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo rozjasnione/komentarz1.png");
cursor: grab;
}

#k2{
	width:76px;
	height:76px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo/komentarz2.png");
	position: absolute;
	top: 244px;
	left: 84px;
}

#k2:hover{
background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo rozjasnione/komentarz2.png");
cursor: grab;
}

#k3{
	width:76px;
	height:76px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo/komentarz3.png");
	position: absolute;
	top: 244px;
	left: 164px;
}

#k3:hover{
background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo rozjasnione/komentarz3.png");
cursor: grab;
}

#k4{
	width:76px;
	height:76px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo/komentarz4.png");
	position: absolute;
	top: 244px;
	left: 244px;
}

#k4:hover{
background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo rozjasnione/komentarz4.png");
cursor: grab;
}

#k5{
	width:76px;
	height:76px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo/komentarz5.png");
	position: absolute;
	top: 244px;
	left: 324px;
}

#k5:hover{
background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo rozjasnione/komentarz5.png");
cursor: grab;
}

#o1{
	width:76px;
	height:76px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo/odpowiedz1.png");
	position: absolute;
	top: 324px;
	left: 4px;
}

#o1:hover{
background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo rozjasnione/odpowiedz1.png");
cursor: grab;
}

#o2{
	width:76px;
	height:76px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo/odpowiedz2.png");
	position: absolute;
	top: 324px;
	left: 84px;
}

#o2:hover{
background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo rozjasnione/odpowiedz2.png");
cursor: grab;
}

#o3{
	width:76px;
	height:76px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo/odpowiedz3.png");
	position: absolute;
	top: 324px;
	left: 164px;
}

#o3:hover{
background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo rozjasnione/odpowiedz3.png");
cursor: grab;
}

#o4{
	width:76px;
	height:76px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo/odpowiedz4.png");
	position: absolute;
	top: 324px;
	left: 244px;
}

#o4:hover{
background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo rozjasnione/odpowiedz4.png");
cursor: grab;
}

#o5{
	width:76px;
	height:76px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo/odpowiedz5.png");
	position: absolute;
	top: 324px;
	left: 324px;
}

#o5:hover{
background-image: url("Grafika/Skrzynka/wypelnienia pojedynczo rozjasnione/odpowiedz5.png");
cursor: grab;
}

/* szuflady */

.szufladaistrzalki {
width: 500px;

}
 
.strzalki {
background-color:#d8cfc7;
background-image: url("Grafika/Szuflada/strzalki500.png");
width: 500px;
height: 13px;
border: none; 
margin:0px;
padding:0px;
}
 
 .szuflada_ramka {
background-color: #a29899;
border-style: solid;
border-width: 5px;
border-color: #444444;
border-bottom: 0px;
width: 490px;
padding-bottom: 10px;

}
 
 .cienka_ramka {
    /* overflow: auto;  this "clears" the floated elements */
	border: solid 1px;
	background-color: #9a9490;
	margin: 5px;
	margin-bottom:0px;
	
 } 
 
 .ramka {
position: relative;	 
margin: 2px;
border: solid 1px;
background-color: #d8cfc6;

}



.szuflada{
margin:0px;
padding:0px;
width: 500px;
height: 50px;
background-image: url("Grafika/Szuflada/szuflada1.png");
color: #f3eee9;
font-size:20px;
font-family:inherit;
border: none;
outline:0 !important;


}

.szuflada p {
margin:0px;
padding:0px;
padding-top: 11px;
}
.szuflada:hover {
background-image: url("Grafika/Szuflada/szuflada3.png");
outline:0 !important;
}


.szuflada:active {
background-image: url("Grafika/Szuflada/szuflada2.png");
outline:0 !important;
}

.przestrzen_szufladowa{
background-color: #2b2b2b; 
width:500px; 
height:0px;
}

 /* szuflada wyroznienia */

.wnetrze_wyroznienia{
position: relative;
height: 68px;
}

.wyr_img{
position: absolute;
left: -1px;
top: -1px;
width: 64px;
height: 64px;
border: double 3px;
}

.wyr_data{
position: absolute;
right: 2px;
top: 2px;
}

.za_co{
float: left;
margin-top: 2px;
margin-left: 72px;
	text-align: left;
	width: 320px;
		white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.za_co img{
vertical-align: text-bottom;
margin-bottom: 5px;

}


.od_kogo{
position: absolute;
left: 72px;
bottom: 0px;
}

.od_kogo img{
vertical-align: text-bottom;
margin-bottom: 3px;
}

.wyroznienie_s_zarowka0{
width: 16px;
height: 16px;
background: transparent url("Grafika/Małe ikonki/wylacz.png") no-repeat;
background-size: 100%;
cursor: pointer;
border: none;
position: absolute;
bottom: 3px;
right: 2px;
}

.wyroznienie_s_zarowka1{
width: 16px;
height: 16px;
background: transparent url("Grafika/Małe ikonki/wlacz.png") no-repeat;
background-size: 100%;
cursor: pointer;
border: none;
position: absolute;
bottom: 3px;
right: 2px;
}

 /* szuflada przydzielone utwory */

.assigned_work_com0{
width: 18px;
height: 22px;
display:inline-block; 
	float: left;
	font-size: 11px;
	opacity: 0.5;
}

.assigned_work_3k0{
width: 30px;
height: 22px;
border-left: solid 1px;
display:inline-block; 
float: left;
opacity: 0.5;

}

.assigned_work_ink0{
width: 18px;
height: 22px;
border-left: solid 1px;
display:inline-block; 
float: left;
opacity: 0.5;
}

.assigned_work_com1{
width: 18px;
height: 22px;
display:inline-block; 
	float: left;
	font-size: 11px;

}

.assigned_work_3k1{
width: 30px;
height: 22px;
border-left: solid 1px;
display:inline-block; 
float: left;


}

.assigned_work_ink1{
width: 18px;
height: 22px;
border-left: solid 1px;
display:inline-block; 
float: left;
opacity: 0.5;

}

.assigned_work_ink2{
width: 18px;
height: 22px;
border-left: solid 1px;
display:inline-block; 
float: left;


}
 
.tinypix{
margin-top: 3px;
}

 /* szuflada odpowiedzi + listy */
 
 
 .odpowiedz_s_komentarz,.list_s_komentarz,.komentarz_s_odp_list{
width: 460px;
text-align: justify;
display: inline-block;
padding-top: 15px;
padding-bottom: 15px;
}

.odpowiedz_s_odp, .list_s_odp{
border-top: solid black 1px;
margin-top:-1px;
border-bottom: solid black 1px;
}

.odpowiedz_s_plus, .list_s_plus{
float: right;
width: 16px;
height: 16px;
background: transparent url("Grafika/Małe ikonki/plus.png") no-repeat;
background-size: 100%;
cursor: pointer;
border: none;
display: inline-block;
}

.odpowiedz_s_minus, .list_s_minus{
float: right;
width: 16px;
height: 16px;
background: transparent url("Grafika/Małe ikonki/minus.png") no-repeat;
background-size: 100%;
cursor: pointer;
border: none;
display: inline-block;
}

.odpowiedz_s_zarowka, .list_s_zarowka{
width: 16px;
height: 16px;
background: transparent url("Grafika/Małe ikonki/wylacz.png") no-repeat;
background-size: 100%;
cursor: pointer;
border: none;
position: absolute;
bottom: 3px;
left: 2px;
}

.odpowiedz_s_zarowka_nowa, .list_s_zarowka_nowy{
width: 16px;
height: 16px;
background: transparent url("Grafika/Małe ikonki/wlacz.png") no-repeat;
background-size: 100%;
cursor: pointer;
border: none;
position: absolute;
bottom: 3px;
left: 2px;
}

.przycisk_napisz_odp{
width: 145px;
cursor: pointer;
margin-top: 10px;
}

.przycisk_odpisz_list{
width: 85px;
cursor: pointer;
margin-top: 10px;
font-weight: bold;
/*background: url("Grafika/Małe ikonki/list.png") no-repeat right;*/
}


 /* szuflada komentarze */
 
 
.komentarz_s_gora{
width: 472px;
display: inline-block;
margin-top:1px;

}
 
.komentarz_s_ikonka{
float: left;
width: 16px;
height: 16px;
background: transparent url("Grafika/Małe ikonki/komentarz.png") no-repeat;
background-size: 100%;
cursor: pointer;
border: none;
}

.komentarz_s_tytul{
float:left;
width: 375px;
text-align: left;

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.list_s_adresat{
float:left;
width: 315px;
text-align: left;

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.temat_listu{
font-weight:bold;
width: 470px;


white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.komentarz_s_data{
float:right;

}



.komentarz_s_komentarz{
width: 460px;
text-align: justify;
display: inline-block;
padding-top: 15px;
padding-bottom: 15px;
}

.komentarz_s_gramatyka{
width: 462px;
text-align: left;
display: inline-block;
border-top: double 3px;
padding-bottom: 15px;
padding-left: 5px;
padding-right: 5px;
}

.komentarz_s_3k{
/*

margin-bottom: 0px;
color: white;
background-color: #a29899;
*/
border: double 3px;
font-weight: bold;
}

img.trzy_ka{
vertical-align: text-bottom;

}

.przycisk{

background: none;
font-size: 12px;
margin-bottom: 1px;
padding-bottom: 1px;
}

.komentarz_s_dol{
width: 472px;
display: inline-block;
margin-top:10px;
position: relative;
}

.komentarz_s_zarowka, .komentarz_ks_zarowka, .komentarz_p_zarowka{
width: 16px;
height: 16px;
background: transparent url("Grafika/Małe ikonki/wylacz.png") no-repeat;
background-size: 100%;
cursor: pointer;
border: none;
position: absolute;
bottom: 3px;
left: 2px;
}

.komentarz_s_zarowka_nowy, .komentarz_ks_zarowka_nowy, .komentarz_p_zarowka_nowy{
width: 16px;
height: 16px;
background: transparent url("Grafika/Małe ikonki/wlacz.png") no-repeat;
background-size: 100%;
cursor: pointer;
border: none;
position: absolute;
bottom: 3px;
left: 2px;
}


.komentarz_s_nick{
position: absolute;
left: 17px;
bottom: 0px;
display: inline-block;
width: 210px;

text-align: left;
white-space: nowrap;
overflow: hidden;


}

.korespondencja_s_nick{
position: absolute;
left: 17px;
bottom: 0px;
display: inline-block;
width: 375px;

text-align: left;
white-space: nowrap;
overflow: hidden;


}

.ksn_tekst{

}

.komentarz_s_ico3k{
position: absolute;
left: 227px;
bottom: 0px;
display: inline-block;
opacity: 0.5;
}

.komentarz_s_ico3k1{
position: absolute;
left: 227px;
bottom: 0px;
display: inline-block;
}

.komentarz_s_ico_oko{
position: absolute;
left: 257px;
bottom: 2px;
display: inline-block;
opacity: 0.5;
}

.komentarz_s_ico_oko1{
position: absolute;
left: 257px;
bottom: 2px;
display: inline-block;
}

.komentarz_s_plus, .komentarz_ks_plus, .komentarz_p_plus{
float: right;
width: 16px;
height: 16px;
background: transparent url("Grafika/Małe ikonki/plus.png") no-repeat;
background-size: 100%;
cursor: pointer;
border: none;
display: inline-block;
}

.komentarz_s_minus, .komentarz_ks_minus, .komentarz_p_minus{
float: right;
width: 16px;
height: 16px;
background: transparent url("Grafika/Małe ikonki/minus.png") no-repeat;
background-size: 100%;
cursor: pointer;
border: none;
display: inline-block;
}

.komentarz_s_odp{
border-top: solid black 1px;
margin-top:-1px;
border-bottom: solid black 1px;
}

.komentarz_s_odp_gora{

width: 472px;
display: inline-block;


}

.komentarz_s_odp_ikonka{
float: left;
width: 16px;
height: 16px;
background: transparent url("Grafika/Małe ikonki/odpowiedz.png") no-repeat;
background-size: 100%;
cursor: pointer;
border: none;
}

.list_s_odp_ikonka{
float: left;
width: 16px;
height: 16px;
background: transparent url("Grafika/Małe ikonki/list.png") no-repeat;
background-size: 100%;
cursor: pointer;
border: none;
margin-top: 2px;
margin-right: 1px;
margin-left: 2px;
}

.list_s_odp_ikonka2{
float: left;
width: 16px;
height: 16px;
background: transparent url("Grafika/Małe ikonki/list.png") no-repeat;
background-size: 100%;
cursor: pointer;
border: none;
margin-top: 3px;
margin-left: 50px;
}

.komentarz_s_odp_tekst{
float: left;
}

.komentarz_s_odp_odpowiedz{
width: 460px;
display: inline-block;
text-align: justify;
padding-top: 15px;
padding-bottom: 15px;
	word-wrap: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
}

.przycisk_napisz{
width: 145px;
cursor: pointer;
margin-top: 10px;
}

.komentarz_s_fo_calosc{
width: 444px;
}

.komentarz_s_ta{
width: 440px;
height: 150px;
border: none;
}

.list_s_te{
width: 440px;
margin-bottom: 10px;
}

.list_s_tr{
width: 440px;
height: 250px;
border: none;
}

.komentarz_s_sub{
background-color: transparent;
float:right;
margin-bottom: 10px;
margin-top: 2px;

}

.list_s_sub{
background-color: transparent;
float:right;
width:67px;
text-align:left;
margin-bottom: 10px;
margin-top: 2px;
background: transparent url("Grafika/Małe ikonki/list.png") no-repeat right;
}

.list_s_view{
position: absolute;
bottom: 10px;
left: 320px;
font-family: 'Cardo', serif;
padding: 0;
margin: 0;
background-color: transparent;
width:67px;
height: 24px;
text-align:left;
background: transparent url("Grafika/Małe ikonki/monokl.png") no-repeat right;
}

.info_odpowiedz, .info_list{
border:2px solid;
font-weight: bold;
margin: 1em  0;
padding: 1em;
}


 
 /* szuflada dane i dodaj */

#dodaj_wypelnienie {
    position: relative; 

 }
 
#dodaj_edytuj {
    position: relative; 

}
 
.przycisk_pogrub {
	position: absolute;
	top: 150px;
	left: 23px;
	width:32px;
	height: 32px;
	font-family: 'Cardo', serif;
}

.przycisk_pochyl {
	position: absolute;
	top: 190px;
	left: 23px;
	width:32px;
	height: 32px;
	font-family: 'Cardo', serif;
}

.przycisk_podkresl {
	position: absolute;
	top: 230px;
	left: 23px;
	width:32px;
	height: 32px;
	font-family: 'Cardo', serif;
}

.przycisk_pogrub_l {
	position: absolute;
	bottom: 10px;
	left: 170px;
	width:24px;
	height: 24px;
	font-family: 'Cardo', serif;
}

.przycisk_pochyl_l {
	position: absolute;
	bottom: 10px;
	left: 200px;
	width:24px;
	height: 24px;
	font-family: 'Cardo', serif;
}

.przycisk_podkresl_l {
	position: absolute;
	bottom: 10px;
	left: 230px;
	width:24px;
	height: 24px;
	font-family: 'Cardo', serif;
}

.przycisk_cytat_l {
	position: absolute;
	bottom: 10px;
	left: 260px;
	width:24px;
	height: 24px;
	font-family: 'Cardo', serif;
	padding: 0;
    margin: 0;
}
 
#dane_wypelnienie {
display: inline-block;
 padding-top:10px;

 }
 
.ed_pole label {
	float:left;
	width:250px;
	text-align:left;
	margin-left:10px;
	display: inline-block;  
    position: relative;  

 } 
 
.redErr {

 color:red;
 text-align:left;
 width:450px;
 display: inline-block;
 }
 
 .red_font {
 color:red;
 }


.ed_text  {
   float: left;
    width: 190px;
	
 } 

 .dodaj_pole {
 width: 450px;
 text-align:left;
 }

.dodaj_pole label{
	float: left;
	text-align:left;
	width: 450px;
	display: inline-block;  
    position: relative; 
		margin-top:10px;
	
 } 
 
 
.dodaj_text  {
	font-size: 12px;
   float: right;
    width: 370px;
		
		margin-right:10px;
	
 } 
 
 .poradnik_pole {
 width: 450px;

 text-align:left;
 }

.poradnik_pole label{
	float: left;
	text-align:left;
	width: 450px;
	
	display: inline-block;  
    position: relative; 
		margin-top:10px;
	
 } 
 
 
.poradnik_text  {
	font-size: 12px;
   float: right;
    width: 350px;
	height:350px;
		
		margin-right:10px;
	
 } 
 
 .poradnik_przycisk{
   margin:10px;
  margin-left:387px;
 } 
 
.dodaj_text2  {
   float: left;
    width: 170px;
		
		margin-right:10px;
	
 }  
 
 
#typy {
 margin-top:20px;
 margin-bottom:10px;
 display: inline-block;  
 }
 
#typy_e {
 margin-top:20px;
 margin-bottom:10px;
 display: inline-block;  
 }
 
.dodaj_przycisk{
   margin:10px;
  margin-left:350px;
 } 
 
.dodaj_przycisk_2{
   margin:10px;
  margin-left:320px;
 } 
 
.dodaj_przycisk_3{
   margin:10px;
  margin-left:280px;
 } 
.dodaj_przycisk_4{
   margin:10px;
  margin-left:340px;
 }  
 
.pola {
display:inline-block; 
 float:left;
 width:440px;
padding-top: 20px;
padding-bottom: 20px;
padding-left:12px;
text-align:left;
}

#edycja{
margin-top:20px;
display:inline-block; 
 width:440px;
 padding-left:10px;
 padding-bottom:20px;
 float:left;
 
}


#edycja2{
background: none;
float:right; 


}

 
#usun_dane {
font-weight:bold;
float:left;
font-family:inherit;
background: none;
text-align:left;
background-image: url("Grafika/Małe ikonki/usun ulubionego.png");
background-repeat: no-repeat;
background-position:right;
}

/* Poniżej, do szuflady Moje utwory i proza wyszukaj i utwory w odwiedzanej pracowni*/



.calosc_plus_margines{

margin-top:30px;

}

.two_plus_graph{
	display:inline-block; 
	position: relative;
	width: 473px;
	height: 68px;
	border-bottom: solid 1px;
	
}

.title_desc{
width: 403px;
display:inline-block; 
	float: left;
}

.work_title{
border-right: solid 1px;
border-bottom: solid 1px;
width: 403px;
display:inline-block; 
float: left;
}

.work_title_text{

font-weight: bold;
height: 22px;
margin-left: 3px;

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

}


.work_graph{
 


width:64px;
height:64px;
position: absolute; 
right: 2px;
top: 1px;
border: solid 1px;
	
}

.work_descripton{
border-right: solid 1px;

display:inline-block; 
float: left;
width: 403px;
}

.work_descripton_text{
	height: 46px;
	font-size: 11px;
	text-align: left;
	margin-left: 6px;
	
	word-wrap: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

.rest{
	display:inline-block; 
	float: left;
	width: 473px;
}

.both{
	display:inline-block; 
	float: left;
	width: 473px;
	height: 22px;
	border-bottom: solid 1px;
}

.both_end{
	display:inline-block; 
	float: left;
	width: 473px;
	height: 22px;
}

.long{


display:inline-block; 
float: left;
}

.work_genre{
display:inline-block; 
float: left;
width: 403px;
height: 22px;
border-right: solid 1px;
text-align: left;
cursor: pointer;
white-space: nowrap;

overflow: hidden;
text-overflow: ellipsis;
}

.work_long{


border-right: solid 1px;
text-align: left;
height: 22px;
display:inline-block; 
float: left;
width: 403px;

}

.work_long_end{

display:inline-block; 
text-align: left;
width: 403px;
height: 22px;
border-right: solid 1px;
float: left;


}

.short{
display:inline-block; 
}

.work_short{
width: 68px;
height: 22px;
display:inline-block; 
float: left;

}

.work_short a:link, .work_short a:visited{
	color: #181e2d;
	text-decoration:none;
}

.work_short_end{
width: 68px;
height: 22px;
display:inline-block; 
float: left;
}

.invpics_off{
margin-top: 3px;
cursor: pointer;
background-image: url("Grafika/Małe ikonki/wylacz.png");
width: 16px;
height: 16px;
}

.invpics_on{
margin-top: 3px;
cursor: pointer;
background-image: url("Grafika/Małe ikonki/wlacz.png");
width: 16px;
height: 16px;
}

.comp_pro_off, .comp_spe_off{
margin-top: 3px;
cursor: pointer;
background-image: url("Grafika/Małe ikonki/wylacz.png");
width: 16px;
height: 16px;
}

.comp_pro_on, .comp_spe_on{
margin-top: 3px;
cursor: pointer;
background-image: url("Grafika/Małe ikonki/wlacz.png");
width: 16px;
height: 16px;
}

.comp_pro_none, .comp_spe_none, .pojedynek_none{
margin-top: 3px;
width: 16px;
height: 16px;
}

.pojedynek_on{
margin-top: 3px;
cursor: pointer;
background-image: url("Grafika/Małe ikonki/pojedynek.png");
width: 16px;
height: 16px;
}

.pojedynek_in{
margin-top: 3px;
background-image: url("Grafika/Małe ikonki/pojedynek.png");
width: 16px;
height: 16px;
}

.monocle_off{
margin-top: 3px;
cursor: pointer;
background-image: url("Grafika/Małe ikonki/monokl.png");
width: 16px;
height: 16px;
opacity: 0.5;
}

.monocle_on{
margin-top: 3px;
cursor: pointer;
background-image: url("Grafika/Małe ikonki/monokl.png");
width: 16px;
height: 16px;
}

.tinypics{
margin-top: 3px;
cursor: pointer;
}

.editpics{
margin-top: 3px;
cursor: pointer;
background-image: url("Grafika/Małe ikonki/edycja.png");
width: 16px;
height: 16px;

}

.minifacepics{
margin-top: 1px;
cursor: pointer;

}

.work_short_award{
width: 68px;
display:inline-block; 
float: left;

}

.work_ink{
width: 34px;
height: 22px;
display:inline-block; 
	float: left;
	font-size: 16px;
}

.work_special{
width: 16px;
height: 22px;
border-left: solid 1px;
display:inline-block; 
float: left;

}


 /* przyciski nawigacyjne - strzalki lewo-prawo */
 
#przyciski_zakresy{
   padding-top:10px;
}

.load_prev{
	width: 15px;
    height: 15px;
	background: transparent url("Grafika/Małe ikonki/strzalka w lewo.png") no-repeat center center ;
    background-size: 100%;
	cursor: pointer;
	margin-bottom: -2px;
	border: none;
	display: inline-block;
	
}

.load_next{
	width: 15px;
    height: 15px;
	background: transparent url("Grafika/Małe ikonki/strzalka w prawo.png") no-repeat center center ;
    background-size: 100%;
	cursor: pointer;
	margin-bottom: -2px;
	border: none;
	display: inline-block;
	
}

#test_przycisk{
	margin-bottom: -2px;
	width: 15px;
    height: 15px;
	background-color: transparent;
	background-image: url("Grafika/Małe ikonki/strzalka w lewo.png");
	background-repeat: no-repeat;
    
	cursor: pointer;
	display: inline-block;
}
 
 /* prawy margines */

#prawy_margines{
	width:254px;
	padding-top:0px;
	float:right;
	overflow:hidden;
	display: inline-block;
	
}

#konkurs_p{
color:white;
text-align: center;
vertical-align: middle;
line-height: 35px; 
margin-bottom: 20px;
	
}

.konkurs_lewo{
	float: left;
	width: 165px;
	text-align: left;
	margin-left: 5px;
	font-size: 11px;

}

.konkurs_lewo a:link, .konkurs_lewo a:visited{
color: #181e2d;
text-decoration:none;
}


.konkurs_lewo_kp{
	float: left;
	width: 254px;
	margin-left: 5px;
	margin-bottom: 15px;
	font-size: 11px;
}

.konkurs_lewo_s{
	
	float: left;
	width: 245px;
	margin-left: 5px;
	margin-top: 10px;
	font-size: 11px;
	margin-right: 5px;

}

.konkurs_prawo{
	float: right;
	font-size: 11px;
	margin-right: 5px;
}

.konkurs_specjalny_status{
	border-top: solid 1px;
	border-bottom: double;
	width: 254px;
	display: inline-block;
	font-size: 11px;
	margin-right: 5px;
	margin-bottom: 20px;
	padding-bottom: 20px;	
}

.konkurs_status{
	border-top: solid 1px;
	width: 254px;
	display: inline-block;
	font-size: 11px;
	margin-right: 5px;
}

#aktualnosci{

margin-top: 70px;
margin-left: 5px;
margin-right: 5px;
width:244px;
	
}

.dataitytul_a{
text-align: left;
font-size: 11px;

}

.dataitytul_a a:link, .dataitytul_a a:visited{
color: #181e2d;
}

.tresc_a{
text-align: justify;
font-size: 11px;
width:244px;
display:inline-block;
margin-right: 5px;
text-decoration:none;
color: #181e2d;
}

.tresc_a a:link, .tresc_a a:visited{
color: #181e2d;
}

.tresc_a img{

padding-right: 2px;
}

#archiwum_link{
float:right;
font-size: 11px;
	color: #181e2d;
	text-decoration:none;
	font-weight:bold;
	margin-right: 5px;
}

.pioroman_avatar {
position: relative;
}

.special_avatar {
  position: absolute;
  top: 0px;
  left: 60px;
}
.duel_avatar {
  position: absolute;
  top: 0px;
  left: 59px;
}

.lampka_zgaszona {
  position: absolute;
  top: 5px;
  left: 62px;
  cursor: pointer;
  width:24px;
  height:48px;
  background-image: url("Grafika/Avatary/lampka/lampka_zgaszona.png");
  background-repeat: no-repeat;
  background-size: 100%; 
}

.dym {
  position: absolute;
  top: -28px;
  left: 68px;
  display: none;
}

.lampka_zapalona {
  position: absolute;
  top: 5px;
  left: 62px;
  cursor: pointer;
  width:24px;
  height:48px;
  background-image: url("Grafika/Avatary/lampka/lampka_plonie.png");
  background-repeat: no-repeat;
  background-size: 100%; 
}

.pioroman_osobie {
margin:10px;
}

.prawy_p{

	width:240px;
	height:35px;
	background-image: url("Grafika/Przyciski/przycisk_prawy_1.png");
	background-repeat: no-repeat;
	background-size: 100%;
	
	float:right;
	margin-top: 20px;
	/*
	position: absolute;
	top: 20px;
	right: -2px;
	*/
}

.prawy_pn{
text-decoration:none;
display:inline-block;
color:white;

margin-top:8px;
}

.statystyki {
margin-top:20px;
float:left;
padding-left:10px;
text-align: left;
font-size: 14px;
}

.czasomierz {
margin-top:20px;	
float:left;
padding-left:10px;
text-align: left;
font-size: 14px;
position: relative;
}

.stat_rzad{
width: 240px;
height:20px;
margin:0px;
padding:0px;
display: inline-block;
}

.stat_czas{
width: 240px;
height:20px;
margin:0px;
padding:0px;
display: inline-block;
}

.na_prawo{
float:right;
width: 50px;
text-align: right;
display: inline-block;

}

.na_prawo_czas{
float:right;
width: 90px;
text-align: right;
display: inline-block;

}

.na_prawo_cel{
float:right;
width: 90px;
text-align: right;
display: inline-block;
margin-right: -3px;

}

.stat_pioroman{
float:left;
height:20px;
display: inline-block;
}

.na_prawo_pioroman{
height:20px;
float:right;
text-align: right;
display: inline-block;

}

.fanfara{
	cursor: pointer;
}

/* ruchomy komentarz */

#komentarz_slide{
margin-top: 45px;
margin-left: 1px;
width: 250px;
position: relative; 

}

#komentarz_kkk{


width: 250px;

}

#komentarz{
background-image: url("Grafika/Ruchomy komentarz/komentarzigramatyka.png");
background-repeat: no-repeat;
background-size: 100%;
width: 250px;
height: 366px;
display:inline-block;
float:left;
margin-bottom: 5px;
position: relative;
}

.komentarze_index{
background-image: url("Grafika/Ruchomy komentarz/komentarz1.png");
background-repeat: no-repeat;
background-size: 100%;
width: 250px;
height: 366px;
float:left;
position: relative;
margin-left: 20px;
}

.maly_kom_data{
	position: absolute;
	right: 2px;
	top: 12px;
	color: white;
	
}

.maly_kom_data2{
	position: absolute;
	right: 19px;
	top: 30px;
	font-size:10px;
	font-weight: bold;
}

.maly_kom_do{
	position: absolute;
	left: 20px;
	right: 17px;
	top: 60px;
	bottom: 288px;
	font-size:14px;
	text-align:left;
	width: 212px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	
}

.do_link:link, .do_link:visited{
	
	
	color: #181e2d;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	text-align:left;

	
}

.maly_kom_tresc{
	position: absolute;
	left: 21px;
	right: 17px;
	top: 84px;
	bottom: 42px;
	font-size:10px;
	overflow: hidden;
	text-align: left;

}

.maly_kom_od{
	position: absolute;
	left: 20px;
	bottom: 20px;
	font-size:14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#zapisz_ikona{

position: absolute;
width: 16px;
height: 16px;
right: 2px;
top:16px;
display: none;
}

#blad_zapisu_ikona{

position: absolute;
width: 16px;
height: 16px;
right: 2px;
top:16px;
display: none;
}


#przycisk_cytat{

position: absolute;
width: 16px;
height: 16px;
right: 22px;
top:39px;

background: transparent url("Grafika/Małe ikonki/cytat.png") no-repeat;
background-size: 100%;


border-color: grey;
border-width: 1px;

}

#przycisk_cytat_g{

position: absolute;
width: 16px;
height: 16px;
right: 22px;
bottom:65px;

background: transparent url("Grafika/Małe ikonki/cytat.png") no-repeat;
background-size: 100%;

border-color: grey;
border-width: 1px;

}

#pole_komentarz{

position: absolute;
width: 204px;
height: 210px;
left: 20px;
top:60px;

}

#write_comment{
width: 204px;
height: 210px;
border: none;
font-size: 11px;
}

#pole_gramatyka{

position: absolute;
width: 204px;
height: 30px;
left: 20px;
top:310px;
}

#write_grammar{
width: 204px;
height: 30px;
border: none;
font-size: 11px;
}

#wyrazy_stat{

position: absolute;
font-size: 11px;
color: white;
left: 20px;
top:349px;
}

#przycisk_wyslij{

position: absolute;

left: 187px;
top:349px;
}

#send_comment{
height: 17px;
width: 45px;
font-size: 11px;
color: white;
background: none;
border-color: grey;

border-top: none;
}

#kkk{


width:52px;
height:30px;
display:inline-block;
float: left;
background: url("Grafika/Ruchomy komentarz/3K.png");
background-repeat: no-repeat;
background-size: 100%;


}

/* statyczne komentarze */

.clip_board{

position: relative;



}

.clip{
width:76px;
height:35px;
background: url("Grafika/Statyczny komentarz/spinacz.png");
background-repeat: no-repeat;
background-size: 100%;
position: absolute;
left: 215px;

}

.comm_board{

border: solid 30px #464646;
border-bottom: solid 60px #464646;
background-color: white;
margin-top: 50px;

}

.comm_word{
width:127px;
height:19px;
background: url("Grafika/Statyczny komentarz/komentarz.png");
background-repeat: no-repeat;
background-size: 100%;
margin-left:155px;
margin-bottom: 20px;
margin-top: 40px;


}

.double_line{
font-size: 12px;
border-bottom: double;
margin-top: 20px;
}

.text_size{
font-size: 12px;
margin-left:5px;
margin-right:5px;

	word-wrap: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
}

.gramm_word{
width:226px;
height:34px;
background: url("Grafika/Statyczny komentarz/gramatyka.png");
background-repeat: no-repeat;
background-size: 100%;
margin-left:110px;
margin-bottom: 20px;
margin-top: 20px;

}
.tk_approved{
position: absolute;
bottom: 60px;
right: 30px;
}


.tk_div{
color: white;
background-color: transparent;
font-family:inherit;
margin-bottom: -30px;
margin-left: 0px;
padding-left: 0px;
border: none;

vertical-align: bottom;
button:focus {outline:0 !important;}
}

.tkyes_button{
color: white;
background-color: transparent;
font-family:inherit;
margin-bottom: -30px;
margin-left: 204px;
border: 1px solid white;
border-radius: 25px;
vertical-align: bottom;
button:focus {outline:0 !important;}
}

.tkno_button{
color: white;
background-color: transparent;
font-family:inherit;
margin-bottom: -30px;
margin-left: 247px;
border: 1px solid white;
border-radius: 25px;
vertical-align: bottom;
button:focus {outline:0 !important;}
}

.write_reply_button{
color: white;
background-color: transparent;
font-family:inherit;
margin-bottom: -58px;
margin-left: 314px;
border: 1px solid white;
border-radius: 25px;
vertical-align: bottom;
button:focus {outline:0 !important;}
}

.write_reply_button:active{
outline:none !important;
}

.write_reply_button:focus{
outline:none !important;
}

/* odpowiedzi */

.reply_field{
background-color:white;
height:300px;
margin-right:30px;
margin-left:30px;
margin-top:-25px;
margin-bottom: 70px;
position: relative;
}

.pin{
width:28px;
height:28px;
background: url("Grafika/Statyczny komentarz/pinezka m.png");
background-repeat: no-repeat;
background-size: 100%;
position: absolute;
left: 215px;
top:0px;

}

.reply_word{
width:110px;
height:34px;
background: url("Grafika/Statyczny komentarz/odpowiedź.png");
background-repeat: no-repeat;
background-size: 100%;
position: absolute;
left: 165px;
top: 20px;

}

.reply_text_area{
position: absolute;
top: 54px;
left: 10px;
width:414px;
height:210px;
border: none;
font-size: 12px;
}

.submit_reply_button{
position: absolute;
bottom: 4px;
right: 4px;
background-color: transparent;
border: 1px solid grey;
border-radius: 25px;
}

.static_reply{
margin-right:30px;
margin-left:30px;
margin-top: -27px;
position: relative;
border-top: solid 1px #464646;
}

.empty_box{
height: 54px;
}

.static_reply_date{
position:absolute;
top:5px;
right:5px;
font-size: 12px;
}

.static_reply_text{
margin-bottom:20px;
font-size: 12px;
margin-left:5px;
margin-right:5px;

	word-wrap: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
}

.empty_box2{
height: 40px;
}

.static_reply_button{
position:absolute;
color: gray;
background-color: transparent;
font-family:inherit;
bottom: 3px;
right: 3px;
border: 1px solid gray;
border-radius: 25px;
vertical-align: bottom;
button:focus {outline:0 !important;}
}

.static_reply_button:active{
outline:none !important;
}

.static_reply_button:focus{
outline:none !important;
}

.reply_field2{
background-color:white;
height:300px;
margin-right:30px;
margin-left:30px;
margin-top:-25px;
margin-bottom: 0px;
position: relative;
border-top: solid 1px #464646;
}

/* pioromani_wyszukaj */

.comment_count{
	position: absolute;
	top:1px;
	right:1px;
	width:50px;
	height: 16px;
	text-align: right; 
	font-size:13px;
}

.work_count{
	position: absolute;
	top:18px;
	right:1px;
	width:50px;
	height: 16px;
	text-align: right; 
	font-size:13px;
}

.eye_count{
	position: absolute;
	top:34px;
	right:1px;
	width:50px;
	height: 16px;
	text-align: right; 
	font-size:13px;
}

.ink_count{
	position: absolute;
	top:51px;
	right:1px;
	width:50px;
	height: 16px;
	text-align: right; 
	font-size:13px;
}

.monocle_count{
	position: absolute;
	top:68px;
	right:1px;
	width:50px;
	height: 16px;
	text-align: right; 
	font-size:13px;
}

.quill_duel_count{
	position: absolute;
	top:86px;
	right:1px;
	width:50px;
	height: 16px;
	text-align: right; 
	font-size:13px;
}

.quill_count{
	position: absolute;
	top:102px;
	right:1px;
	width:50px;
	height: 16px;
	text-align: right; 
	font-size:13px;
}

.quill_spe_count{
	position: absolute;
	top:119px;
	right:1px;
	width:50px;
	height: 16px;
	text-align: right; 
	font-size:13px;
}

.divider{
	position: absolute;
	top:0px;
	right:40px;
	height:136px;
	width:1px;
	border-left: double black 3px;
	
}

.avatar_div{
float:left;
position: relative;
}

.avatar_special{
position: absolute;
  top: 0px;
  left: 0px;
}

.nick_div{

text-align:left;
font-size:16px;
}

.ikonki_div{
float:right;
font-size:16px;
margin-top:2px;
margin-right:3px;
}

.ikonki_div img{
vertical-align:top;
margin-top:1px;
}

.ranga_div{
text-align:left;
}

.cytat_div{
position:absolute;
bottom:0px;
left:136px;
text-align:left;
cursor: pointer;

height:44px;
width:290px;

overflow: hidden;
text-overflow: ellipsis;
}

.data_div{

text-align:left;
}



/* odwiedzana_pracownie */

#odwiedzane_drzwi{
	width:170px;
	height:344px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url("Grafika/Drzwi/drzwi12c.png");
	position:relative; 
	margin-top: -50px;
}

#tabliczka{
position:absolute; 
top: 70px;
left:49px;
width:70px;
color: #d9d6d6;
font-size:10px;
border: solid #bdbaba 1px;
background-color: #262626;

	word-wrap: break-word;
	overflow: hidden;
	text-overflow: ellipsis;


}

.osobie {
	margin-top: 20px;
	margin-bottom: 60px;
	font-style: italic;
	text-align: justify;
	margin-left: 30px;
	margin-right: 30px;
	
}

/* Archiwum Aktualności*/


.dataitytul_aa{
text-align: left;
margin-left: 5px;
color: #181e2d;
text-decoration:none;
}

.dataitytul_aa a:link, .dataitytul_aa a:visited{
color: #181e2d;
}

.tresc_aa{
text-align: justify;
margin-left: 5px;
margin-right: 5px;
color: #181e2d;
text-decoration:none;
display:inline-block;
}

.tresc_aa a:link, .tresc_aa a:visited{
color: #181e2d;
}

.tresc_aa img{
float: left;
padding-right: 5px;
}

/* 3K moderacja */

.moderacja_3k{
width: 60px;
}

.moderacja_3k_div{
float: left;
}

.wybor{
width: 460px;
float: left;
}

/* proza wyszukaj */

#submit_wyszukaj_typ{
float: right;
margin-right: 27px;
margin-top: 7px;
}

/* szuflada pojedynkuj */

input#submit_image{
    background: #ccc url("Grafika/Małe ikonki/rekawiczka.png") no-repeat right;
    height: 24px;
	width: 80px;
	padding-right: 16px;
	
}

input#submit_letter{
    background: #ccc url("Grafika/Małe ikonki/list.png") no-repeat right;
    height: 24px;
	width: 70px;
	padding-right: 16px;
	
}

.zdjecie_poj_lewe{
	width:120px;
	height:160px;
	position:absolute;
	left:-1px;
	top:-1px;
	border: double black 3px;
}

.zdjecie_poj_prawe{
	width:120px;
	height:160px;
	position:absolute;
	border: double black 3px;
	right:-1px;
	top:-1px;
}

.zdjecie_lm_lewe{
	width:60px;
	height:80px;
	float: left;
	border: double black 2px;
	margin-bottom:10px;
	margin-left: 1px;
}

.zdjecie_lm_prawe{
	width:60px;
	height:80px;
	border: double black 2px;
	float: left;
	margin-bottom:10px;
	margin-left: 13px;
}
.male_zdjecie{
	width:60px;
	height:80px;

}

.przycisk_waga{
	width:20px;
	height:20px; 
	background: url("Grafika/Małe ikonki/rozstrzygnij.png") no-repeat 100%;
}

progress {
	
  background: white;
}

progress {
  color: #a29899;
  width: 140px;
}

progress::-webkit-progress-value {
  background: #a29899;;
  
}

progress::-moz-progress-bar {
  background: #a29899;;
}

progress::-webkit-progress-value {
  background: #a29899;;
}

progress::-webkit-progress-bar {
  background: white;
}


/* ponizej nie zwiazane ze strona 





#face {
	
	overflow:hidden;


}



#zawartosc {

	text-align:justify;
}






ul.zdjecia {
	list-style:none;
	padding: 0;
	margin:0;
	
	
}

ul.zdjecia li{
	display:inline-block;
	
	
}

ul.zdjecia a:link, ul.zdjecia a:visited{
	text-decoration:none;
	border-style:none;
	
	
}



a.anumerki:link{
	color:white;
	text-decoration:none;
	font-size:14px;
	padding-left:10px;

}

a.anumerki:visited{
	color:#999;
	text-decoration:none;
	font-size:14px;
	padding-left:10px;
	

}

*/